<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js基础</title>
    <script src="js-file/javascript_01.js">
        // function myFunction()
        // {
        //     document.getElementById("demo").innerHTML="my first javascript function";
        // }
    </script>
</head>
<body>
    <p>JavaScript 能够直接写入 HTML 输出流中：</p>
    <script>
        document.write("<h1>This is a heading.</h1>");
        document.write("<h1>This is a paragraph.</h1>");
    </script>
    <p>只能在HTML输出流中使用<strong>document.write</strong>。
        如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
    </p>
    <h2>
        也可以将js在head中写成函数调用
    </h2>
    <p id="demo_02">A function shows here!</p>
    <button type="button" onclick="myFunction()">单击该按钮</button>
</body>
</html>